<!doctype html>
<!--[if lt IE 7 ]><html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]><html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BDO System - News</title>
<meta name="description" content="">
<meta name="keywords" content="">

<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700|Alike" rel="stylesheet">

<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">

<!-- favicon.ico and apple-touch-icon.png -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57-iphone.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72-ipad.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-iphone4.png">

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="screen.css">
<!-- custom CSS -->
<link rel="stylesheet" href="custom.css">

<!-- main JS libs  -->
<script src="js/libs/modernizr-2.5.3.min.js"></script>
<script src="js/libs/respond.min.js"></script>					 
<script src="js/libs/jquery.min.js"></script>

<!-- scripts  -->
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/general.js"></script>
<script src="js/hoverIntent.js"></script>
<!-- carousel -->
<script src="js/jquery.carouFredSel.min.js"></script>
<script src="js/jquery.touchwipe.js"></script>
<!-- sliders -->
<script src="js/slides.min.jquery.js"></script>
  
</head>
<body>  
<div class="body_wrap homepage">

<div class="header_container">

	<header>
    	<div class="container">	        
	        
	        <div class="header_right">            	
				<label>User Login</label>
                <input type="text" style="padding:2px" Placeholder="NIK" />
				<input type="password" style="padding:2px" Placeholder="Password" />
				<input type="submit" value="Login" />
	        </div>
			
			<div class="header_left">
			   	<div class="logo">
	            <a href="index.html"><img src="images/logo.png" alt=""></a>
	            <strong>BDO Internal System</strong>
	            </div>
	        </div>
            
	        <div class="clear"></div>	
        </div>                    		    
	</header>
	
</div>
<!--/ header_container -->

<div class="container topm_cont">   
 
    <!-- topmenu -->    
    <nav id="topmenu">            
	    <ul class="dropdown">              
			<li class="menu-level-0 current-menu-ancestor"><a href="index.html"><span>Home</span></a></li>	
			<li class="menu-level-0 current-menu-ancestor active"><a href="news.html"><span>News</span></a></li>	
			<li class="menu-level-0 current-menu-ancestor"><a href="about.html"><span>About Us</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="training.html"><span>Training</span></a></li>
            <li class="menu-level-0 current-menu-ancestor"><a href="timesheet.html"><span>Timesheet</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="career.html"><span>Career</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="it-sys.html"><span>IT System</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="hr-sys.html"><span>HR System</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="library.html"><span>Library</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="contact.html"><span>Contact Us</span></a></li>
	    </ul>       
	<div class="clear"></div>                             
	</nav>    
    <!--/ topmenu -->
    
    <div class="topbar">
    	<div class="top_share"><span class="social_title">News</span> <a href="#" class="social_google">Google +1</a> <a href="#" class="social_fb">Facebook</a> <a href="#" class="social_twitter">Twitter</a> <a href="#" class="social_pinterest">Pinterest</a></div>
        
    	<span class="top_filter"><a href="#" class="link_mostcomm">Most commented</a> <a href="#" class="link_pick">Editor’s Picks</a> <a href="#" class="link_mostlike">Most liked</a> <a href="#" class="link_random">Random story</a></span>
        <div class="clear"></div>
    </div>
</div>
    
<div class="container"> 
<!-- middle -->
<div id="middle" class="full_width">
	
    <div class="content" role="main">
    
    	<article class="post-detail">            
			<div class="entry">
            
            <!-- 2 cols layout -->
            <div class="col col_1_2">
            	<div class="inner">
                
				<!-- grid layout, 2 cols -->
				<div class="posts_layout grid_layout grid_cols2">
				
					<div class="post-item title-over">	                    		                        	
						<div class="post-image">
							<a href="post-details.html"><img src="images/temp/post_mid_1.jpg" width="460" height="258" alt=""></a>
							<div class="post-cat"><span>Headline</span></div>
							<div class="score_box">5 <span>our score</span></div>
						</div>
						<div class="post-title">				            	
							<h2><a href="post-details.html">Blizzard delays Diablo III real money auctions indefinitely</a></h2>                        
						</div>	                        
						<div class="post-meta"><a href="#" class="author">Dimi Baitanciuc</a> <span class="separator">|</span> <a href="#">15 Comments</a></div>
						<div class="post-descr">
							<p>Those of you hoping to quit your jobs and make a living selling your Diablo III loot for real money will have to keep flipping burgers a little while longer as Blizzard has announced the game's ...</p>
						</div>
						<div class="clear"></div>
					</div>
					
				<div class="clear"></div>	 
				</div>
				<!--/ grid layout, 2 cols -->
				
                </div>
            </div>
            
            <div class="col col_1_2">
            	<div class="inner">
            		
                    <!-- box with posts -->
                    <div class="post_box">
                    
                    	<div class="post-item">	                    		                        	
	                        <div class="post-title">				            	
				            	<h2><a href="post-details.html">Amazon and independent publisher resolve dispute, 5,000 titles return to Kindle Store</a></h2>
                                <div class="post-cat"><span>Information</span></div>
				            </div>	                        
	                        <div class="post-meta"><a href="#" class="author">Bryan Bishop</a> <span class="separator">|</span> <a href="#">16 Comments</a></div>
	                        <div class="post-descr">
	                        	<p>Cisco announced that it "will no longer invest" in a tablet you've probably never even heard of: the Cisco Cius. Introduced in 2010 ...</p>
	                        </div>
	                    </div>
                        
                        <div class="post-item">	                    		                        	
	                        <div class="post-title">				            	
				            	<h2><a href="post-details.html">Cisco ends development on Cius tablet</a></h2>
                                <div class="post-cat"><span>Information</span></div>
				            </div>	                        
	                        <div class="post-meta"><a href="#" class="author">Alex Luncasu</a> <span class="separator">|</span> <a href="#">24 Comments</a></div>
	                        <div class="post-descr">
	                        	<p>In February Amazon pulled nearly 5,000 titles from the Kindle Store over a troubled contract negotiation with Independent Publishers ...</p>
	                        </div>
	                    </div>
                        
                    </div>
                    <!--/ box with posts -->
                    
                </div>
            </div>
            <!--/ 2 cols layout -->
            
            <div class="divider"></div>
         
            <!-- 2 cols layout, 2/3+1/3-->
            <div class="col col_2_3">
	            <div class="inner">
                	
                    <div class="posts_layout list_layout image_small">
            
	            	  	<div class="post-item image_left">	                    		                        	
		                	<div class="post-image">
		                    	<a href="post-details.html"><img src="images/temp/post_4_5.jpg" width="219" height="140" alt=""></a>
	                   	  	  	<div class="post-cat"><span>Sport</span></div>
		                        <div class="score_box">8,2 <span>our score</span></div>
		                  	</div>
			            	<div class="post-title">				            	
						    	<h2><a href="post-details.html">ThinkPad Tablet Android 4.0 update rolling out in some regions</a></h2>                        
						    </div>	                        
			                <div class="post-meta"><a href="#" class="author">Alex Luncasu</a> <span class="separator">|</span> <a href="#">31 Comments</a></div>
			                <div class="post-descr">
								<p>Lenovo promised that it would begin offering an Android 4.0 in May and true to form in some regions ...</p>
			                </div>
                            <div class="clear"></div>
			        	</div>
                        
                        <div class="post-item image_left">	                    		                        	
		                	<div class="post-image">
		                    	<a href="post-details.html"><img src="images/temp/post_4_6.jpg" width="219" height="140" alt=""></a>
	                   	  	  	<div class="post-cat"><span>Fashion</span></div>
		                  	</div>
			            	<div class="post-title">				            	
						    	<h2><a href="post-details.html">Film company Gaumonti eradicated downloads of French films</a></h2>                        
						    </div>	                        
			                <div class="post-meta"><a href="#" class="author">Sergiu Bagrin</a> <span class="separator">|</span> <a href="#">23 Comments</a></div>
			                <div class="post-descr">
								<p>Snapping a quick picture on your iPhone is easy, but getting the image on your desktop can sometimes ...</p>
			                </div>
                            <div class="clear"></div>
			        	</div>
						
						<div class="post-item image_left">	                    		                        	
		                	<div class="post-image">
		                    	<a href="post-details.html"><img src="images/temp/post_4_6.jpg" width="219" height="140" alt=""></a>
	                   	  	  	<div class="post-cat"><span>Fashion</span></div>
		                  	</div>
			            	<div class="post-title">				            	
						    	<h2><a href="post-details.html">Film company Gaumonti eradicated downloads of French films</a></h2>                        
						    </div>	                        
			                <div class="post-meta"><a href="#" class="author">Sergiu Bagrin</a> <span class="separator">|</span> <a href="#">23 Comments</a></div>
			                <div class="post-descr">
								<p>Snapping a quick picture on your iPhone is easy, but getting the image on your desktop can sometimes ...</p>
			                </div>
                            <div class="clear"></div>
			        	</div>
						
						<div class="post-item image_left">	                    		                        	
		                	<div class="post-image">
		                    	<a href="post-details.html"><img src="images/temp/post_4_6.jpg" width="219" height="140" alt=""></a>
	                   	  	  	<div class="post-cat"><span>Fashion</span></div>
		                  	</div>
			            	<div class="post-title">				            	
						    	<h2><a href="post-details.html">Film company Gaumonti eradicated downloads of French films</a></h2>                        
						    </div>	                        
			                <div class="post-meta"><a href="#" class="author">Sergiu Bagrin</a> <span class="separator">|</span> <a href="#">23 Comments</a></div>
			                <div class="post-descr">
								<p>Snapping a quick picture on your iPhone is easy, but getting the image on your desktop can sometimes ...</p>
			                </div>
                            <div class="clear"></div>
			        	</div>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="col col_1_3">
	            <div class="inner">
                
           	    	<div class="adv_300">
                    <img src="images/temp/ads_300x250.jpg" width="300" height="250" alt="">
                    </div>
                    
                </div>
            </div>
            
            <!--/ 2 cols layout, 2/3+1/3-->
            <div class="divider"></div>
            
            <div class="read-more-big"><a href="#">Read more stories</a></div>
                 
            <div class="clear"></div>
            </div>
		</article>
	</div>
    <!--/ content -->    	
</div>
<!--/ middle --> 
</div>
<!--/ container --> 

<footer>
<div class="container">

    <div class="footer_right">
    	<ul class="botmenu">
        	<li class="current-menu-item"><a href="about.html">Home</a></li>
            <li><a href="#">AUTHORS</a></li>
            <li><a href="contact.html">CONTACT</a></li>
            <li><a href="#">PRIVACY</a></li>
            <li><a href="#">TERMS</a></li>
        </ul>
    </div>
    
    <div class="footer_left">
   		<img src="images/logo_footer.png" width="230" height="50" alt="">
    </div>
	
    <div class="clear"></div>
    
</div>
</footer>

</div>
</body>
</html>